<div class="chat_user">
    <div class="chat_not_list" id="chatNotArea">
        {if !empty($_GET['user_id'])}
        正在加载中...
        {else /}
        请选择左侧用户...
        {/if}
    </div>
    <div class="layui-hide" style="height:100%" id="chatRightArea">
        <div style="text-align: center; color:red; margin-bottom: 5px;">如需撤回实时消息  请重新点击左侧该用户头像</div>
        <div class="user_info">
            <div class="layui-form">
                <div class="layui-form-item" id="chatUserInfo">
                    <div class="layui-inline"><strong class="nick_name"></strong></div>
                    <div class="layui-inline"><span class="user_device" id="anchorId"></span></div>
<!--                    <div class="layui-inline userip_area"><em class="em_tic">IP</em><span class="user_ip"></span></div>-->
<!--                    <div class="layui-inline"><em class="em_tic">系统</em><span class="user_device"></span></div>-->
                    <div class="layui-inline">
<!--                        <label class="layui-form-label">禁言状态：</label>-->
<!--                        <div class="layui-input-inline">-->
<!--                            <select name="band_time" lay-filter="band_time" id="bandTime">-->
<!--                                <option value="0">正常</option>-->
<!--                                <option value="10">10分钟</option>-->
<!--                                <option value="20">20分钟</option>-->
<!--                                <option value="30">30分钟</option>-->
<!--                                <option value="120">2小时</option>-->
<!--                                <option value="360">6小时</option>-->
<!--                            </select>-->
<!--                        </div>-->
                    </div>
                    <div class="layui-inline">
                    </div>
                    <div class="layui-inline chat_isover layui-hide" style="color:#FF5722"><strong>该会话已经结束</strong></div>
                </div>
            </div>
        </div>
        <div class="chat_content">
            <!--sessionid是会话表的主键id-->
            <div class="layui-hide" id="oneChatBaseInfo" data-userid="{$user_id|default=''}" data-username="{$user_name|default=''}" data-sessionid="{$session_id|default=''}" data-anchorid="{$anchor_id|default=''}" data-anchorname="{$anchor_name|default=''}"></div>
            <!--聊天内容列表-->
            <div class="chat_cont_list" id="imTalkList">
                <dl><dt>艾斯<span>2022-11-29 17:10:58</span></dt>--></dl>
            </div>
        </div>

        <!--发送聊天-->
        <!-- <div class="chat_cont_sendarea layui-form" id="chatSendArea">
            <label class="layui-form-label">头像</label>
            <div class="layui-input-inline" style="width:130px">
                <div class="layui-upload">
                    <div class="layui-upload-list" style="margin: 0px">
                        <img class="layui-upload-img" id="demo1" width="100" height="100" />
                        <p id="demoText"></p>
                        <input type="hidden" name="avatar" id="LAY_avatarSrc" placeholder="图片地址"
                            value="" class="layui-input" />
                    </div>
                </div>
            </div>
            <div class="layui-input-inline layui-btn-container" style="width: auto;">
                <button type="button" class="layui-btn layui-btn-primary" id="LAY_avatar">
                    <i class="layui-icon">&#xe67c;</i>选择头像
                </button>
            </div>
        </div> -->
      

        <div class="chat_cont_sendarea layui-form" id="chatSendArea">
            <textarea placeholder="请输入私聊内容" class="layui-textarea" name="content" id="writeContent" lay-verify="required" lay-reqText="请输入聊天内容"></textarea>
            <div class="send_btn">
                <!-- <div class="chat_cont_sendarea layui-form" id="chatSendArea">
                    <div class="layui-input-inline layui-btn-container" style="width: auto;">
                        <button type="button" class="layui-btn layui-btn-primary" id="private_img">
                            <i class="layui-icon">&#xe67c;</i>上传图片
                        </button>
                    </div>
                </div> -->
                <!-- <img id="send2" src="" > -->
                <button type="button" class="layui-btn layui-btn-primary" id="private_img" style="margin-right: 10px;">
                    <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
                 <button class="layui-btn " lay-submit="" lay-filter="expert-edit" >发送</button>
            </div>
        </div>
    </div>
</div>
<style>
    .revoke_msg {
        background-color: red;
        color: white;
        padding: 2px 4px;
        margin-left: 10px;
        border: none;
        border-radius: 6px;
        font-size: 12px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    .revoke_msg:hover {
        background-color: darkred;
    }
</style>
<script>
    var private_chat_ws = "{$private_chat_ws}";
</script>
